<template>
  <div class="">
    <h1>这是一个子组件child</h1>
    <button @click="num++">num++</button>
    <h1>{{ num }}</h1>
    <h2>{{ aa }}</h2>
    <h2>{{ bb }}</h2>
  </div>
</template>

<script>
export default {
  //   props: ["aa", "bb"],
  props: {
    aa: String,
    bb: String,
  },
  //props 不需要指定类型的时候 使用数组 需要指定类型的时候使用对象
  data() {
    return {
      num: 0,
    };
  },
  mounted() {},
  methods: {},
  components: {},
};
</script>

<style lang="scss"></style>
